<template>
	<view :data-theme='theme()' :class="theme() || ''" class="login-container" :style="'height: '+phoneHeight+'px;'">
		<!-- 注册 -->
		<view  v-if="is_login==2">
			<image class="bg" src="../../static/re.png" mode=""></image>
			<image class="logo" src="../../static/re1.png" mode=""></image>
			<view class="form">
				<view class="item">
					<input v-model="register.mobile" :disabled="is_send" placeholder="手机号" type="text" placeholder-style="color:#D3D3D3">
				</view>
				<view class="item">
					<input password="true" v-model="register.password" placeholder="您的密码" type="text" placeholder-style="color:#D3D3D3">
				</view>
				<view class="item">
					<input password="true" v-model="register.repassword" placeholder="确认密码" type="text" placeholder-style="color:#D3D3D3">
				</view>
				<view class="item">
					<input v-model="register.code" placeholder="验证码" type="text" placeholder-style="color:#D3D3D3">
					<text class="text_9" v-if="codeTime != 0" @click="sendCode"
					:disabled="is_send">{{send_btn_txt}}</text>
				</view>
				<navigator class="tologin" @click="is_login=1">
					已有账号，立即登陆
				</navigator>
				<view class="register" @click="registerSub">
					注 册
				</view>
				<view class="rad">
					<view @click="isRead=!isRead" class="d-s-c gray6 mt20">
						<view :class="isRead?'active agreement':'agreement'"></view>我已阅读并接受<text class="dominant"
							@click.stop="xieyi('service')">《用户协议》</text>和<text class="dominant"
							@click.stop="xieyi('privacy')">《隐私政策》</text>
					</view>
				</view>
			</view>
				
				
		<!-- 	<view class="login_topbpx">
				<view class="login_tit">注册</view>
				<view class="login_top">已有账户，<text class="dominant" @click="is_login=1">立即登录</text></view>
			</view>
			<view class="group-bd">
				<view class="form-level d-s-c">
					<view class="val flex-1 input_botom"><input type="text" v-model="register.mobile"
							placeholder="请填写手机号" :disabled="is_send" /></view>
				</view>
				<view class="form-level d-s-c">
					<view class="val flex-1 input_botom"><input type="text" password="true" v-model="register.password"
							placeholder="请输入密码" /></view>
				</view>
				<view class="form-level d-s-c">
					<view class="val flex-1 input_botom"><input type="text" password="true"
							v-model="register.repassword" placeholder="请确认密码" /></view>
				</view>
				<view class="form-level d-s-c" v-if="sms_open">
					<view class="val flex-1 d-b-c input_botom">
						<input class="flex-1" type="number" v-model="register.code" placeholder="请填写验证码" />
						<button class="get-code-btn" type="default" @click="sendCode"
							:disabled="is_send">{{ send_btn_txt }}</button>
					</view>
				</view>
			</view> -->
		</view>
		<!-- 登录 -->
		<view class="p-30-75" v-if="is_login==1">
			<view class="page flex-col">
				<view class="group_3 flex-col">
					<view class="text-wrapper_1">
						<text class="paragraph_1"></text>
						<text class="text_1">
							hello！
							<br />
						</text>
						<text class="text_2">欢迎来到</text>
						<text class="text_3">ai+</text>
						<text class="text_16">的世界</text>
					</view>
					<view class="box_2 flex-row">
						<view :class="['text-wrapper', 'flex-col', is_code === true ? 'text-wrapper_box':'']" @click="isCode(1)">
							<text class="text_4">短信登陆</text>
						</view>
						<view :class="['text-wrapper', 'flex-col', is_code === false ? 'text-wrapper_box':'']" @click="isCode(2)">
							<text class="text_4">密码登陆</text>
						</view>
					</view>
				</view>
				<view class="group_2 flex-col">
					<view class="text-wrapper_3 flex-col">
						<input type="text" placeholder="手机号" v-model="formData.mobile">
					</view>
					<view class="section_1 flex-row" v-if="is_code&&sms_open">
						<input type="text" v-model="formData.code" placeholder="请填写验证码">
						<view class="text-wrapper_4 flex-col">
							<text class="text_9" v-if="codeTime != 0" @click="sendCode"
							:disabled="is_send">{{send_btn_txt}}</text>
							<!-- <text class="text_9" v-if="codeTime == 0" @click="sendAgain()">获取验证码</text> -->
						</view>
					</view>
					<view class="section_1 flex-col" v-if="is_code === false">
						<input type="text" placeholder="请输入您的密码" password="true" v-model="loging_password">
					</view>
					<view class="section_2">
						<text class="text_6" v-if="is_code === false" @click="is_login=0">忘记密码?</text>
						<view class="FX1">
							
						</view>
						<view class="text_6" @click="is_login=2">立即注册</view>
					</view>
					<view class="text-wrapper_5 flex-col">
						<text class="text_14" @click="formSubmit">登&nbsp;&nbsp;录</text>
					</view>
					<!-- <view class="text-wrapper_6 flex-col">
						<text class="text_15">微信一键登陆</text>
					</view> -->
					<view class="image-text_5 flex-row justify-between">
						<view class="text-group_1" @click="isRead=!isRead">
							<view :class="isRead?'active agreement':'agreement'"></view>我已阅读并接受<text class="text_11"
								@click.stop="xieyi('service')">《用户协议》</text>和<text class="text_13"
								@click.stop="xieyi('privacy')">《隐私政策》</text>
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="login_topbpx">
				<view class="login_tit">登录111</view>
				<view class="login_top">还没有账号，<text class="dominant" @click="is_login=2">立即注册</text></view>
			</view>
			<view class="group-bd">
				<view class="form-level d-s-c">
					<view class="val flex-1 input_botom"><input type="text" v-model="formData.mobile"
							placeholder="请填写手机号" /></view>
				</view>
				<view class="form-level d-s-c" v-if="!is_code">
					<view class="val flex-1 input_botom"><input type="text" password="true" v-model="loging_password"
							placeholder="请输入密码" /></view>
				</view>
				<view class="form-level d-s-c" v-if="is_code&&sms_open">
					<view class="val flex-1 d-b-c input_botom">
						<input class="flex-1" type="number" v-model="formData.code" placeholder="请填写验证码" />
						<button class="get-code-btn" type="default" @click="sendCode"
							:disabled="is_send">{{ send_btn_txt }}</button>
					</view>
				</view>

			</view> -->
		</view>
		
		<!-- 重置密码 -->
		<view class="zzmm" v-if="is_login==0">
			<view class="login_topbpx">
				<view class="login_tit">重置密码</view>
				<view class="login_top"><text class="dominant" @click="is_login=1">立即登录</text></view>
			</view>
			<view class="group-bd">
				<view class="form-level d-s-c">
					<view class="val flex-1 input_botom"><input type="text" v-model="resetpassword.mobile"
							placeholder="请填写手机号" :disabled="is_send" /></view>
				</view>
				<view class="form-level d-s-c">
					<view class="val flex-1 input_botom"><input type="text" password="true"
							v-model="resetpassword.password" placeholder="请输入密码" /></view>
				</view>
				<view class="form-level d-s-c">
					<view class="val flex-1 input_botom"><input type="text" password="true"
							v-model="resetpassword.repassword" placeholder="请确认密码" /></view>
				</view>
				<view class="form-level d-s-c">
					<view class="val flex-1 d-b-c input_botom">
						<input class="flex-1" type="number" v-model="resetpassword.code" placeholder="请填写验证码" />
						<button class="get-code-btn" type="default" @click="sendCode"
							:disabled="is_send">{{ send_btn_txt }}</button>
					</view>
				</view>
			</view>
		</view>
		
		<!-- <view v-if="is_login==1" class=" gray6 p-0-75" :class="is_code?'d-e-c':'d-b-c'">
			<view v-if="!is_code" @click="is_login=0">忘记密码?</view>
			<view @click="isCode()" v-if="sms_open">{{is_code?'使用密码登录':'使用验证码登录'}}</view>
		</view> -->
		
		<!-- <view @click="isRead=!isRead" class="d-s-c gray6 p-0-75 mt20">
			<view :class="isRead?'active agreement':'agreement'"></view>我已阅读并接受<text class="dominant"
				@click.stop="xieyi('service')">《用户协议》</text>和<text class="dominant"
				@click.stop="xieyi('privacy')">《隐私政策》</text>
		</view> -->
		<!-- <view style="padding-top: 80rpx;" class="btns p-30-75" v-if="is_login==2"><button
				@click="registerSub">注册</button></view> -->
		<!-- <view style="padding-top: 80rpx;" class="btns p-30-75" v-if="is_login==1"><button
				@click="formSubmit">登录</button></view> -->
		<view style="padding-top: 80rpx;" class="btns p-30-75" v-if="is_login==0"><button
				@click="resetpasswordSub">重置密码</button></view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				/*表单数据对象*/
				formData: {
					/*手机号*/
					mobile: '',
					/*验证码*/
					code: '',
				},
				loging_password: '',
				register: {
					mobile: '',
					password: '',
					repassword: '',
					code: ''
				},
				resetpassword: {
					mobile: '',
					password: '',
					repassword: '',
					code: ''
				},
				/*是否已发验证码*/
				is_send: false,
				/*发送按钮文本*/
				send_btn_txt: '获取验证码',
				/*当前秒数*/
				second: 60,
				ip: '',
				isShow: true,
				is_login: 1,
				is_code: false,
				phoneHeight: 0,
				isRead: false,
				sms_open: false,
				is_type:1,
			};
		},
		onLoad(e) {
			this.getData();
			let self = this;
			if (e.isRead) self.isRead = e.isRead
			if (e.invitationId) {
				uni.setStorageSync('invitationId', e.invitationId);
			}
			if (e.refereeId) {
				uni.setStorageSync('refereeId', e.refereeId);
			}
		},
		onShow() {
			this.getCodeType();
			this.init()
		},
		methods: {
			getCodeType() {
				let self = this;
				self._get(
					'index/loginSetting', {},
					res => {
						self.sms_open = res.data.smsOpen;
						self.is_code = self.sms_open;
					},
				);

			},
			/*初始化*/
			init() {
				let self = this;
				uni.getSystemInfo({
					success(res) {
						self.phoneHeight = res.windowHeight;
					}
				});
			},
			getData() {
				let self = this;
				self._get('index/policy', {}, function(res) {
					self.service = res.data.service;
					self.privacy = res.data.privacy;
				});
			},
			/*提交*/
			formSubmit() {
				let self = this;
				let formdata = {
					mobile: self.formData.mobile,
				}
				let url = ''
				if (!/^1(3|4|5|6|7|8|9)\d{9}$/.test(self.formData.mobile)) {
					console.log(self.formData.mobile)
					uni.showToast({
						title: '手机有误,请重填！',
						duration: 2000,
						icon: 'none'
					});
					return;
				}
				if (self.is_code) {
					if (self.formData.code == '') {
						uni.showToast({
							title: '验证码不能为空！',
							duration: 2000,
							icon: 'none'
						});
						return;
					}
					formdata.code = self.formData.code;
					url = 'user/userOpen/smsLogin'
				} else {
					if (self.loging_password == '') {
						uni.showToast({
							title: '密码不能为空！',
							duration: 2000,
							icon: 'none'
						});
						return;
					}
					formdata.password = self.loging_password;
					url = 'user/userOpen/phoneLogin'
				}

				if (!self.isRead) {
					uni.showToast({
						title: '请同意并勾选协议内容',
						duration: 2000,
						icon: 'none'
					});
					return;
				}

				uni.showLoading({
					title: '正在提交'
				});
				console.log('start')
				self._post(
					url,
					formdata,
					result => {
						// console.log('start1')
						console.log(result)
						// 记录token userId
						uni.setStorageSync('token', result.data.token);
						uni.setStorageSync('userId', result.data.loginUserVo.userId);
						
						uni.switchTab({
							url:'/pages/index/index'
						})
						
						// 获取登录前页面
						// let url = '/' + uni.getStorageSync('currentPage');
						// let pageOptions = uni.getStorageSync('currentPageOptions');
						// if (Object.keys(pageOptions).length > 0) {
						// 	url += '?';
						// 	for (let i in pageOptions) {
						// 		url += i + '=' + pageOptions[i] + '&';
						// 	}
						// 	url = url.substring(0, url.length - 1);
						// 	console.log('url',url)
						// }
						// self.gotoPage(url);

					},
					(err) => {
						console.log('start2')
						console.log(err)
					},
					() => {
						console.log('start3')
						uni.hideLoading();
					}
				);
			},
			/*注册*/
			registerSub() {
				let self = this;
				if (!/^1(3|4|5|6|7|8|9)\d{9}$/.test(self.register.mobile)) {
					console.log(self.register.mobile)
					uni.showToast({
						title: '手机有误,请重填！',
						duration: 2000,
						icon: 'none'
					});
					return;
				}
				if (self.register.code == '' && self.sms_open) {
					uni.showToast({
						title: '验证码不能为空！',
						duration: 2000,
						icon: 'none'
					});
					return;
				}
				if (self.register.password.length < 6) {
					uni.showToast({
						title: '密码至少6位数！',
						duration: 2000,
						icon: 'none'
					});
					return;
				}
				if (self.register.password !== self.register.repassword) {
					uni.showToast({
						title: '两次密码输入不一致！',
						duration: 2000,
						icon: 'none'
					});
					return;
				}

				if (!self.isRead) {
					uni.showToast({
						title: '请同意并勾选协议内容',
						duration: 2000,
						icon: 'none'
					});
					return;
				}

				self.register.invitationId = uni.getStorageSync('invitationId') ? uni.getStorageSync('invitationId') : 0;
				self.register.regSource = 'h5';
				self.register.refereeId = uni.getStorageSync('refereeId');

				uni.showLoading({
					title: '正在提交'
				});
				self._postBody(
					'user/userOpen/register',
					self.register,
					result => {
						uni.showToast({
							title: '注册成功',
							duration: 3000
						})
						self.formData.mobile = self.register.mobile;
						self.register = {
							mobile: '',
							password: '',
							repassword: '',
							code: ''
						};
						self.second = 0;
						self.changeMsg();
						self.is_login = 1;
					},
					false,
					() => {
						uni.hideLoading();
					}
				);
			},
			resetpasswordSub() {
				let self = this;
				if (!/^1(3|4|5|6|7|8|9)\d{9}$/.test(self.resetpassword.mobile)) {
					uni.showToast({
						title: '手机有误,请重填！',
						duration: 2000,
						icon: 'none'
					});
					return;
				}
				if (self.resetpassword.code == '') {
					uni.showToast({
						title: '验证码不能为空！',
						duration: 2000,
						icon: 'none'
					});
					return;
				}
				if (self.resetpassword.password.length < 6) {
					uni.showToast({
						title: '密码至少6位数！',
						duration: 2000,
						icon: 'none'
					});
					return;
				}
				if (self.resetpassword.password !== self.resetpassword.repassword) {
					uni.showToast({
						title: '两次密码输入不一致！',
						duration: 2000,
						icon: 'none'
					});
					return;
				}

				uni.showLoading({
					title: '正在提交'
				});
				self._post(
					'user/userOpen/resetpassword',
					self.resetpassword,
					result => {
						uni.showToast({
							title: '重置成功',
							duration: 3000
						})
						self.formData.mobile = self.resetpassword.mobile;
						self.resetpassword = {
							mobile: '',
							password: '',
							repassword: '',
							code: ''
						};
						self.second = 0;
						self.changeMsg();
						self.is_login = 1;
					},
					false,
					() => {
						uni.hideLoading();
					}
				);
			},
			isCode(e) {
				if (e == 1) {
					this.is_code = true;
					
					if(e != this.is_type){
						this.formData.mobile = ''
					}
					this.is_type = 1
				} else if(e == 2) {
					this.is_code = false;
					
					if(e != this.is_type){
						this.formData.mobile = ''
					}
					this.is_type = 2
				}
				console.log(this.is_code)
			},
			/*发送短信*/
			sendCode() {
				let self = this;
				if (self.is_login == 1) {
					if (!/^1(3|4|5|6|7|8|9)\d{9}$/.test(self.formData.mobile)) {
						uni.showToast({
							title: '手机有误,请重填！',
							duration: 2000,
							icon: 'none'
						});
						return;
					}
				} else if (self.is_login == 2) {
					if (!/^1(3|4|5|6|7|8|9)\d{9}$/.test(self.register.mobile)) {
						uni.showToast({
							title: '手机有误,请重填！',
							duration: 2000,
							icon: 'none'
						});
						return;
					}
				} else if (self.is_login == 0) {
					if (!/^1(3|4|5|6|7|8|9)\d{9}$/.test(self.resetpassword.mobile)) {
						uni.showToast({
							title: '手机有误,请重填！',
							duration: 2000,
							icon: 'none'
						});
						return;
					}
				}

				let type = 'register'
				let mobile = self.register.mobile
				if (self.is_login == 1) {
					type = 'login';
					mobile = self.formData.mobile;
				} else if (self.is_login == 0) {
					type = 'login';
					mobile = self.resetpassword.mobile;
				}
				self._post(
					'user/userOpen/sendCode', {
						mobile: mobile,
						type: type
					},
					result => {
						if (result.code == 1) {
							uni.showToast({
								title: '发送成功'
							});
							self.is_send = true;
							self.changeMsg();
						}
					}
				);
			},
			/*改变发送验证码按钮文本*/
			changeMsg() {
				if (this.second > 0) {
					this.send_btn_txt = this.second + '秒';
					this.second--;
					setTimeout(this.changeMsg, 1000);
				} else {
					this.send_btn_txt = '获取验证码';
					this.second = 60;
					this.is_send = false;
				}
			},
			xieyi(type) {
				let url = '';
				if (type == 'service') {
					url = this.service;
				} else {
					url = this.privacy;
				}
				uni.navigateTo({
					url: '/pages/webview/webview?url=' + url
				});
			}
		}
	};
</script>
<style lang="scss" scoped>
	.login-container{
		background: #FFFFFF;
	}
	.bg {
			width: 750rpx;
			height: 750rpx;
			position: fixed;
			top: 0;
		}
		
		.logo {
			width: 200rpx;
			height: 54rpx;
			position: fixed;
			top: 203rpx;
			left: 275rpx;
		}
		.form {
			position: fixed;
			top: 275rpx;
			left: 50rpx;
			width: 650rpx;
			height: 950rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 24rpx 54rpx 0rpx rgba(7, 67, 200, 0.1);
			border-radius: 40rpx;
		
			.item {
				margin: 0 50rpx 30rpx 50rpx;
				width: 550rpx;
				height: 80rpx;
				background: #F5F5F5;
				border-radius: 20rpx;
				display: flex;
				align-items: center;
		
				input {
					margin: 0 44rpx;
					font-weight: 400;
					font-size: 30rpx;
					flex: 1;
				}
		
				.code {
					font-weight: 400;
					font-size: 24rpx;
					color: #2168EA;
					height: 45rpx;
					width: 140rpx;
					line-height: 45rpx;
					border: 1rpx solid #2168EA;
					border-radius: 10rpx;
					margin-right: 23rpx;
					text-align: center;
				}
			}
		
			.item:first-child {
				margin-top: 83rpx;
			}
		
			.tologin {
				font-weight: 400;
				font-size: 24rpx;
				color: #2168EA;
				text-align: right;
				margin-right: 52rpx;
			}
		
			.register {
				width: 400rpx;
				height: 80rpx;
				background: linear-gradient(-90deg, rgba(255, 67, 95, 0.99), rgba(255, 164, 77, 0.99));
				border-radius: 40rpx;
				font-weight: bold;
				font-size: 36rpx;
				color: #FFFFFF;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 auto;
				margin-top: 70rpx;
			}
		
			.rad {
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
				margin-top: 67rpx;
			}
		}
	.page {
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		width: 750rpx;
		/*  height: 1334rpx;
	  overflow: hidden; */
	}
	
	.group_3 {
		position: relative;
		width: 750rpx;
		height: 750rpx;
		background: url('../../static/loginbg.png') 100% no-repeat;
		background-size: 100% 100%;
	}
	
	.image_1 {
		/* width: 750rpx;
	  height: 142rpx;
	  margin-top: 34rpx; */
	}
	
	.text-wrapper_1 {
		// width: 307rpx;
		height: 91rpx;
		overflow-wrap: break-word;
		font-size: 0;
		font-family: SourceHanSansCN-Bold;
		font-weight: 700;
		text-align: left;
		line-height: 55rpx;
		padding: 242rpx 0 103rpx 79rpx;
	}
	
	.paragraph_1 {
		width: 307rpx;
		height: 91rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 40rpx;
		font-family: SourceHanSansCN-Bold;
		font-weight: 700;
		text-align: left;
		line-height: 55rpx;
	}
	
	.text_1 {
		width: 307rpx;
		height: 91rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 40rpx;
		font-family: SourceHanSansCN-Bold;
		font-weight: 700;
		text-align: left;
		line-height: 55rpx;
	}
	
	.text_2 {
		width: 307rpx;
		height: 91rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 36rpx;
		font-family: SourceHanSansCN-Bold;
		font-weight: 700;
		text-align: left;
		line-height: 55rpx;
	}
	
	.text_3 {
		width: 307rpx;
		height: 91rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 36rpx;
		font-family: SourceHanSansCN-Bold;
		font-weight: 700;
		text-align: left;
		line-height: 55rpx;
	}
	
	.text_16 {
		width: 307rpx;
		height: 91rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 36rpx;
		font-family: SourceHanSansCN-Bold;
		font-weight: 700;
		text-align: left;
		line-height: 55rpx;
	}
	
	.box_2 {
		// background-color: rgba(33, 104, 234, 1);
		background-color: rgba(255, 255, 255, 1);
		border-radius: 40px;
		position: absolute;
		left: 50rpx;
		top: 458rpx;
		width: 650rpx;
		height: 300rpx;
		display: flex;
	}
	.text-wrapper{
		border-radius: 40rpx;
		height: 300rpx;
		margin-top: -22rpx;
		width: 360rpx;
		text-align: center;
		// color: #FFFFFF;
		color: #333333;
		font-size: 32rpx;
	}
	.text-wrapper_box {
		// background-color: rgba(255, 255, 255, 1);
		background-color: rgba(33, 104, 234, 1);
		color: #FFFFFF;
		font-size: 36rpx;
		// color: #333333;
	}
	
	.text_4 {
		display: inline-block;
		width: 142rpx;
		height: 35rpx;
		overflow-wrap: break-word;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		margin-top: 43rpx;
	}
	
	
	.group_2 {
		box-shadow: 0px 24px 54px 0px rgba(7, 67, 200, 0.1);
		background-color: rgba(255, 255, 255, 1);
		border-radius: 0px 40px 40px 0px;
		position: absolute;
		left: 50rpx;
		top: 544rpx;
		width: 650rpx;
		height: 720rpx;
	}
	
	.text-wrapper_3 {
		background-color: rgba(245, 245, 245, 1);
		border-radius: 20px;
		height: 80rpx;
		line-height: 80rpx;
		width: 550rpx;
		margin: 88rpx 0 0 50rpx;
		display: flex;
		align-items: center;
	}
	
	.text-wrapper_3 input {
		margin: 0 35rpx;
	}
	
	.section_1 {
		background-color: rgba(245, 245, 245, 1);
		border-radius: 20px;
		width: 550rpx;
		height: 80rpx;
		margin: 30rpx 0 0 50rpx;
		display: flex;
		align-items: center;
	}
	
	.section_1 input {
		margin: 0 35rpx;
	}
	
	.section_2{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.text_8 {
		width: 88rpx;
		height: 29rpx;
		overflow-wrap: break-word;
		color: rgba(211, 211, 211, 1);
		font-size: 30rpx;
		font-family: SourceHanSansCN-Regular;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		line-height: 19rpx;
		margin: 24rpx 0 0 36rpx;
	}
	
	.text-wrapper_4 {
		border-radius: 10rpx;
		height: 45rpx;
		border: 1px solid rgba(15, 75, 203, 1);
		margin-right: 35rpx;
	}
	
	.text_9 {
		display: inline-block;
		width: 117rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(33, 104, 234, 1);
		font-size: 24rpx;
		font-family: SourceHanSansCN-Regular;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		line-height: 19rpx;
		padding: 11rpx;
	}
	
	.text_6 {
		display: inline-block;
		width: 94rpx;
		height: 24rpx;
		overflow-wrap: break-word;
		color: rgba(33, 104, 234, 1);
		font-size: 24rpx;
		font-family: SourceHanSansCN-Regular;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		line-height: 19rpx;
		margin: 31rpx 52rpx 0 52rpx;
	}
	
	.text-wrapper_5 {
		height: 80rpx;
		line-height: 80rpx;
		background: url('../../static/loginbtn.png') 0rpx -1rpx no-repeat;
		background-size: 400rpx 81rpx;
		width: 400rpx;
		margin: 67rpx 0 0 125rpx;
	}
	
	.text_14 {
		width: 88rpx;
		height: 35rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 36rpx;
		font-family: SourceHanSansCN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 19rpx;
		margin: 21rpx 0 0 156rpx;
	}
	
	.text-wrapper_6 {
		background-color: rgba(255, 255, 255, 1);
		border-radius: 30px;
		height: 60rpx;
		line-height: 60rpx;
		border: 1px solid rgba(15, 75, 203, 1);
		width: 400rpx;
		margin: 41rpx 0 0 125rpx;
	}
	
	.text_15 {
		width: 142rpx;
		height: 24rpx;
		overflow-wrap: break-word;
		color: rgba(33, 104, 234, 1);
		font-size: 24rpx;
		font-family: SourceHanSansCN-Regular;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		line-height: 19rpx;
		margin: 16rpx 0 0 129rpx;
	}
	
	.image-text_5 {
		// width: 426rpx;
		height: 26rpx;
		margin: 72rpx 0 41rpx 47rpx;
	
	}
	
	.label_1 {
		width: 26rpx;
		height: 26rpx;
	}
	
	.text-group_1 {
		// width: 383rpx;
		height: 24rpx;
		overflow-wrap: break-word;
		// font-size: 0;
		font-family: SourceHanSansCN-Regular;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		line-height: 19rpx;
		margin-top: 1rpx;
		display: flex;
		align-items: center;
	}
	
	.text-group_1 .radio {
		width: 26rpx;
		height: 26rpx;
	}
	
	.uni-radio-input {
		width: 26rpx !important;
		height: 26rpx !important;
	}
	
	.uni-radio-input.uni-radio-input-checked:before {
		-webkit-transform: translate(-50%, -48%) scale(0.63);
	}
	
	.text_10 {
		color: rgba(153, 153, 153, 1);
		font-size: 24rpx;
	}
	
	.text_11 {
		color: rgba(33, 104, 234, 1);
		font-size: 24rpx;
		white-space:pre;
	}
	
	.text_12 {
		color: rgba(153, 153, 153, 1);
		font-size: 24rpx;
	}
	
	.text_13 {
		color: rgba(33, 104, 234, 1);
		font-size: 24rpx;
		white-space:pre;
	}
	.agreement {
			border-radius: 50%;
			width: 28rpx;
			height: 28rpx;
			border: 2rpx solid;
			@include border_color('border_color');
			background: #fff;
			position: relative;
			margin-right: 10rpx;
			box-sizing: border-box;
		}
	
		.agreement.active::after {
			content: '';
			width: 16rpx;
			height: 16rpx;
			@include background_color('background_color');
			border-radius: 50%;
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			margin: auto;
		}
			.t-r {
				text-align: right;
			}
		
			.login-container {
				position: relative;
				background: #ffffff;
			}
		
			.login-container input {
				height: 88rpx;
				line-height: 88rpx;
			}
		
			.wechatapp {
				padding: 80rpx 0 48rpx;
				border-bottom: 1rpx solid #e3e3e3;
				margin-bottom: 72rpx;
				text-align: center;
			}
		
			.wechatapp .header {
				width: 190rpx;
				height: 190rpx;
				border: 2px solid #fff;
				margin: 0rpx auto 0;
				border-radius: 50%;
				overflow: hidden;
				box-shadow: 1px 0px 5px rgba(50, 50, 50, 0.3);
			}
		
			.auth-title {
				color: #585858;
				font-size: 34rpx;
				margin-bottom: 40rpx;
			}
		
			.auth-subtitle {
				color: #888;
				margin-bottom: 88rpx;
				font-size: 28rpx;
			}
		
			.login-btn {
				padding: 0 20rpx;
			}
		
			.login-btn button {
				height: 88rpx;
				line-height: 88rpx;
				background: #04be01;
				color: #fff;
				font-size: 30rpx;
				border-radius: 999rpx;
				text-align: center;
			}
		
			.no-login-btn {
				margin-top: 20rpx;
				padding: 0 20rpx;
			}
		
			.no-login-btn button {
				height: 88rpx;
				line-height: 88rpx;
				background: #dfdfdf;
				color: #fff;
				font-size: 30rpx;
				border-radius: 999rpx;
				text-align: center;
			}
		
			.get-code-btn {
				width: 200rpx;
				height: 80rpx;
				line-height: 76rpx;
				padding: 0rpx 30rpx;
				border-radius: 40rpx;
				white-space: nowrap;
				// border: 1rpx solid $dominant-color;
				background-color: #FFFFFF;
				@include font_color('font_color');
				font-size: 30rpx;
			}
		
			.get-code-btn[disabled='true'] {
				// border: 1rpx solid #cccccc;
				@include font_color('gray9');
				background-color: #FFFFFF;
			}
		
			.btns button {
				height: 90rpx;
				line-height: 90rpx;
				font-size: 34rpx;
				border-radius: 45rpx;
				@include background_color('background_color');
				color: #ffffff;
			}
		
			.login_topbpx {
				padding: 181rpx 0;
				padding-bottom: 110rpx;
			}
		
			.login_tit {
				font-size: 52rpx;
				font-weight: 600;
				margin-bottom: 33rpx;
			}
		
			.login_top {
				font-size: 24rpx;
				color: #adafb3;
			}
		
			.input_botom {
				border-bottom: 1px solid #f4f4f4;
			}
		
			.bottom_nav {
				width: 100%;
				position: absolute;
				bottom: 100rpx;
			}
		
			.bottom-box {
				width: 70%;
				margin: 0 auto;
			}
		
			.other_tit {
				height: 1rpx;
				background-color: #CACACA;
				width: 100%;
				line-height: 1rpx;
				text-align: center;
			}
		
			.weixin_box {
				background-color: #04BE01;
				border-radius: 50%;
				width: 80rpx;
				height: 80rpx;
				line-height: 80rpx;
				text-align: center;
			}
		
			.weixin_box .icon-weixin {
				font-size: 40rpx;
				color: #FFFFFF;
			}
		
			// .btns .bg-green{
			// 	background-color: #04BE01;
			// }
			.skip {
				position: absolute;
				top: 80rpx;
				right: 30rpx;
				font-size: 28rpx;
				color: #999999;
			}
			.zzmm{
				padding: 30rpx;
			}
</style>